<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/mytags.jsp"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<%@ include file="/common/bootstrap.jsp"%>
<!-- Custom styles for this template -->
<link href="${ctx}adminManage/resources/css/sys/main.css" rel="stylesheet">
<script type="text/javascript">
	$(document).ready(function() {
		$("#menu a.menu").click(function() {
			$("#menu li.menu").removeClass("active");
			$(this).parent().addClass("active");
			if (!$("#openClose").hasClass("close")) {
				$("#openClose").click();
			}
			wSize();
		});
		//刷新时，第一个菜单被点击
		$("#menu li:first a")[0].click();
	});
</script>
</head>

<body>
	<!-- BEGIN HEADER -->
	<nav id="head" class="navbar navbar-default navbar-fixed-top" role="navigation">
	  <div class="container-fluid">
	    <!-- 系统功能标题和logo -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <font class="navbar-brand">企信通</font>
	    </div>
	
	    <!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	      <!-- 系统主功能菜单 -->	
	      <ul id="menu" class="nav navbar-nav">
	      	<li class="menu"><a class="menu" target="menuFrame" href="${ctx}adminManage/sys/menu/menuSys.jsp">权限管理</a></li>
	      	<li class="menu"><a class="menu" target="menuFrame" href="${ctx}adminManage/sys/menu/menuAuto.jsp">自动生成</a></li>
	      	<li class="menu"><a class="menu" target="menuFrame" href="${ctx}adminManage/sys/menu/menuTree.jsp">运行监控</a></li>
	      	<li class="menu"><a class="menu" target="menuFrame" href="${ctx}adminManage/sys/menu/menuEnt.jsp">企业管理</a></li>
	      	<li class="menu"><a class="menu" target="menuFrame" href="${ctx}adminManage/sys/menu/menuTree.jsp">计费管理</a></li>
	      	<li class="menu"><a class="menu" target="menuFrame" href="${ctx}adminManage/sys/menu/menuTree.jsp">统计管理</a></li>
	      </ul>
	      <!--  -->
	      <ul class="nav navbar-nav navbar-right">
	        <li class="dropdown">
	          <a href="#" class="dropdown-toggle" data-toggle="dropdown">操作员 <span class="caret"></span></a>
	          <ul class="dropdown-menu">
	            <li><a href="#">个人信息</a></li>
	            <li><a href="#">我的日历</a></li>
	            <li><a href="#">收件箱</a></li>
	            <li><a href="#">我的任务</a></li>
	            <li class="divider"></li>
	            <li><a href="#">锁屏</a></li>
	            <li><a href="#">注销</a></li>
	          </ul>
	        </li>
	      </ul>
	    </div>
	  </div>
	</nav>
	<!-- END HEADER -->

	<div class="container-fluid">
      <div id="content" class="row-fluid" >
     	<div id="left" class="col-sm-3 col-md-2 sidebar">
     		<!-- 若不使用iframe的话显示左边菜单可占领整个宽度 -->
     		<!-- 
     			<ul class="nav nav-sidebar">
				  <li class="active"><a href="#">Overview</a></li>
				  <li><a href="#">Reports</a></li>
				  <li><a href="#">Analytics</a></li>
				  <li><a href="#">Export</a></li>
				</ul>
				<ul class="nav nav-sidebar">
				  <li><a href="">Nav item</a></li>
				  <li><a href="">Nav item again</a></li>
				  <li><a href="">One more nav</a></li>
				  <li><a href="">Another nav item</a></li>
				  <li><a href="">More navigation</a></li>
				</ul>
				<ul class="nav nav-sidebar">
				  <li><a href="">Nav item again</a></li>
				  <li><a href="">One more nav</a></li>
				  <li><a href="">Another nav item</a></li>
				</ul>
     		 -->
	     	 <iframe id="menuFrame" name="menuFrame" src="" style="overflow:visible;"
				scrolling="yes" frameborder="0" width="100%" height="650"></iframe>
		</div>
		<div id="right" class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
			<iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;"
				scrolling="yes" frameborder="0" width="100%" height="650"></iframe>
		</div>
      </div>
    </div> 
</body>
<script type="text/javascript"> 
		var leftWidth = "160"; // 左侧窗口大小
		function wSize(){
			var minHeight = 500, minWidth = 980;
			var strs=getWindowSize().toString().split(",");
			$("#menuFrame, #mainFrame").height((strs[0]<minHeight?minHeight:strs[0])-$("#header").height()-$("#footer").height()-32);
			if(strs[1]<minWidth){
				$("#main").css("width",minWidth-10);
				$("html,body").css({"overflow":"auto","overflow-x":"auto","overflow-y":"auto"});
			}else{
				$("#main").css("width","auto");
				$("html,body").css({"overflow":"hidden","overflow-x":"hidden","overflow-y":"hidden"});
			}
			$("#right").width($("#content").width()-$("#left").width()-5);
		}
	</script>
	<script src="${ctx}plug-in/common/wsize.min.js" type="text/javascript"></script>
</html>
